<template>
  <div class="SetMain" style="display: flex;flex-direction: column;height: 100%;">

    <div  class="aui-bar aui-bar-nav"  style="    margin-left: 0px !important;">
      <a class="aui-pull-left" style="font-weight:100 !important;font-size: 18px !important;color: white !important;margin-left: -10px !important;" @click="goBack()" >
        <img style="padding:48% 0; width: 2.5rem;
    margin-top: -1.6rem;" src="../img/back-b.png"  alt="">
      </a>
      <div >
            <span style="left:4.5rem;position: absolute;color: black; font-size: 18px;	font-family: 'Helvetica Neue', Helvetica, sans-serif;">
              产品隐私声明
            </span>
        <!--<div class="ConnectStatus" v-if="ConnectStatus==false"> {{cleanMode}} </div>-->
      </div>
    </div>
    <div style="padding: 1rem 2rem 2rem;flex:1;overflow: scroll;">


      <div style="margin-top: 0rem;font-size: 15px">
        <span style="font-size: 12px;color: black;font-weight: bolder">本服务由小普未来科技（深圳）有限公司提供，请仔细阅读厂家的隐私声明。<br /><br /></span>
        <p style="font-size: 15px">
          <!--<span style="font-size: 16px;font-weight: bolder">-->
          <!--1、业务功能一：检测功能<br /><br />-->
          <!--</span>-->
          <span>
            <span>&nbsp&nbsp&nbsp&nbsp</span>为实现历史检测数据的页面显示，我们需要收集您的以下信息：您排卵检测，孕检，尿检和心电检测所产生的检验数据，以及您的昵称。其中排卵检测，孕检，尿检和心电检测数据属于个人敏感信息。
            <br />
            <span>&nbsp&nbsp&nbsp&nbsp</span>收集此类信息的目的是用于向您呈现您的排卵检测，孕检，尿检和心电检测状态的历史数据。
            <br />
            <span>&nbsp&nbsp&nbsp&nbsp</span>我们将按照以下方式使用您的个人信息：孕检和排卵信息将通过画像展示、尿检信息将通过表格展示、心电数据将通过心电图的形式展示给用户。
            <br />
              <span>&nbsp&nbsp&nbsp&nbsp</span>您可以进入设置页，撤销授权。撤销授权将会删除用户之前检测的所有排卵检测，孕检，尿检和心电检测信息。
          </span>
          <br />
          <span>&nbsp&nbsp&nbsp&nbsp</span>若您不提供此信息，将无法使用该APP所有功能。
          <br />
          <br />
          <span>&nbsp&nbsp&nbsp&nbsp</span><span style="font-size: 12px;color: black;font-weight: bolder">注:&nbsp&nbsp&nbsp&nbsp任何检测信息仅供参考，皆不作为诊断结果和医疗的证据。如有需要请去正规医院进行检查。</span>
        </p>
        <br />
        <div style="text-align: right"><p style="font-size: 12px;font-weight: bolder;color: black">小普未来科技（深圳）有限公司</p></div>
      </div>

      <!--<div style="width: 100%;">-->
        <!--<button @click="removeBTN()" class="btnyinsi">撤销</button>-->
      <!--</div>-->
    </div>
    <quitRemove v-if="isRemove"></quitRemove>
  </div>
</template>

<script>
  import {mapMutations,mapState} from 'vuex'
  import quitRemove from '../../common/quitRemove'

  export default {
    name: 'yinsismMore',
    data () {
      return {
        isRemove:false
      }
    },
    components: {
      quitRemove
    },
    computed: {
      ...mapState([
      ])
    },
    watch: {

    },
    mounted () {
      window.stringToBytes = function ( str ) {
        var ch, st, re = [];
        for (var i = 0; i < str.length; i++ ) {
          ch = str.charCodeAt(i);  // get char
          st = [];                 // set up "stack"
          do {
            st.push( ch & 0xFF );  // push byte to stack
            ch = ch >> 8;          // shift value down by 1 byte
          }
          while ( ch )
          re = re.concat( st.reverse() );
        }
        return re
      }

      window.writeTo16 = function (dataArr) {
        var newstr = '';
        for(var i = 0;i< dataArr.length;i++) {
          var str16 = (Array(2).join(0) + dataArr[i].toString(16)).slice(-2);
          newstr += str16
        }
        return newstr
      }
    },
    methods: {
      goBack(){
        this.$router.go(-1)
      },
      removeBTN(){
        var userId = window.hilink.getStorageSync('USERIDA')
        console.log(userId)

        // if(userId){
        //   $.ajax({
        //     type:  'post',
        //     url: 'http://www.pooai.cn/wx/hwapp/web/index.php?r=site/deleteudata',
        //     data: {userid:userId},
        //     success: function (response) {
        //
        //     }
        //   })
        // }

        var rejectA = window.writeTo16(window.stringToBytes('rejectA'))
        window.hilink.setStorageSync('ISRecieverByUser',rejectA)
        this.isRemove = true

        // setTimeout("window.hilink.moveToMainActivity()",5000)
      }
    }
  }

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .btnyinsi{
    text-align: center;
    width: 60%;
    margin: 2rem 20%;
    height: 3rem !important;
    line-height: 2rem !important;
    color: #0075f0;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 2rem!important;
    background: #f7f7f7;
  }
  .jiancegengxin {
    position:relative;
    padding:2px;
  }
  .tip {
    display:block;
    background:#f00;
    border-radius:50%;
    width:8px;
    height:8px;
    top:0px;
    right:0px;
    position:absolute;
  }
  .aui-switch{
    width: 2.6rem !important;
    height: 1.6rem !important;
    border-radius: 0.8rem!important;
  }
  .aui-switch:before {
    width: 1.4rem !important;
    height: 1.4rem!important;
    border-radius: 0.7rem!important;
  }
  .headerDiv{
    height: 2rem;
    width: 100%;
    /*background-color: #288af0;*/
  }
  .aui-list-item-title{
    font-size: 1.33rem !important;
  }
  body{
    background: #ffffff !important;
    font-size: 16px !important;
  }
  .aui-bar-nav {
    background: #ffffff !important;
    border-bottom: 2px solid #e2e2e2
  }
  .aui-bar{
    padding-top: 20px !important;
    margin-left: -5px !important;
  }
  .aui-bar-nav a {
    color: #000 !important;

    font-weight: 500;
  }
  .aui-content{
    margin:0 0.8rem;
  }
  .aui-content>ul>li{
    /*border-bottom: 1px solid #ccc;*/
    padding:0.5rem 0.5rem;
  }
  .detection{
    margin:0 1rem;
    height: 4rem !important;
    line-height: 2.25rem;
    /*border-bottom:1px solid #ccc;*/
  }
  .aui-list .aui-list-item-inner{
    padding:0.75rem 0.5rem 0.75rem 0;
  }
  .aui-pull-left img{
    /*margin: 1.3rem;*/
  }
  .aui-bar{
    padding-top: 3rem !important;
    padding-bottom: 0rem !important;
    margin-left: -10px !important;
  }
</style>
